import React from 'react';
import { Component }  from 'react';
// 动画文件
import '../common/jquery.imgplay.scss';
import '../common/jquery.imgplay';

import img1 from '../testImg/1.jpeg';
import img2 from '../testImg/2.jpeg';
import img3 from '../testImg/3.jpeg';
import img4 from '../testImg/4.jpeg';
import img5 from '../testImg/5.jpeg';

export default class Tab1 extends Component{
    componentDidMount(){
        $('#imageplayer').imgplay({rate: 2}); // start imgplay
    }

    render(){
        return(
            <div>
                <div id="imageplayer" className="imageplayer">
                    <img src={img1} />
                    <img src={img2} />
                    <img src={img3} />
                    <img src={img4} />
                    <img src={img5} />
                </div>
            </div>
        )
    }
}